﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/blueliger.jquery.js" type="text/javascript"></script>
    <!-- ※html ファイルを開く前に blueliger.jquery.js プロジェクトをビルドしてください。あるいは F5 デバッグしてください。 -->
</head>
<body>
    <!-- アプリケーションの表示のレイアウトを指定 -->
    <span id="helloWorld"></span><span id="clickMe"></span>
    <div>
        <span id="selectMe"></span>
        <span id="hello2"></span>
    </div>
    <div>
        <span id="selectMe2"></span>
        <span id="hello3"></span>
    </div>
    
    <script type="text/javascript">
        // アプリケーションの動作を宣言（※別の js ファイルにしましょう）
        // TODO: Application クラス
        // TODO: アプリケーションに配列で Actor を登録する機能。
        var application = {};
        application.helloWorld = new blueliger.Actor("helloWorld");
        application.clickMe = new blueliger.StartActor("clickMe");
        application.clickMe.Started = function () {
            application.helloWorld.Show("Hello Wold !! (" + new Date() + ")");
        };  // end function

        application.hello2 = new blueliger.Actor("hello2");
        application.selectMe = new blueliger.SelectActor("selectMe");
        application.selectMe.Selected = function () {
            application.hello2.Show( " selected : " +  this.Data[this.SelectedIndex]);
        };  // end function

        application.hello3 = new blueliger.Actor("hello3");
        application.selectMe2 = new blueliger.SelectActor("selectMe2");
        application.selectMe2.Selected = function () {
            application.hello3.Show(" selected : " + this.Data[this.SelectedIndex]);
        };  // end function

        application.Start = function () {
            application.helloWorld.Show("Hello ...");
            application.clickMe.Show("ClickMe");

            application.selectMe.Show(["item1", "item2", "item3"]);
            application.selectMe2.Show(["item1", "item2", "item3"]);
        };    // end function


        // アプリケーションの表示を指定 （※別の js ファイルにしましょう）
        // TODO: 命名規約で初期化する機能、あるいは定義ファイル。
        application.clickMe.View = new blueliger.StartViewPart(application.clickMe);
        application.helloWorld.View = new blueliger.ViewPart(application.helloWorld);
        application.selectMe.View = new blueliger.SelectViewPart(application.selectMe);
        application.hello2.View = new blueliger.ViewPart(application.hello2);

        application.selectMe2.View = new blueliger.SelectRadioViewPart(application.selectMe2);
        application.hello3.View = new blueliger.ViewPart(application.hello3);

        // アプリケーションを開始
        application.Start();

    </script>
</body>
</html>
